<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/axios-0.21.0.js"></script>
    <script src="js/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>

<body>
<div id="app">
    <el-row>
        <el-col :span="6">
            <span style="font-size:30px">高校运动会管理系统</span>
        </el-col>
        <el-col :span="18">
            <el-menu mode="horizontal">
                <el-menu-item index="1"><el-link href="index.html">首页</el-link></el-menu-item>
                <el-submenu index="2">
                    <template slot="title">运动员管理</template>
                    <el-menu-item index="2-1"><el-link
                            :href="'athletesList.html?role='+role">运动员列表</el-link></el-menu-item>
                    <el-menu-item index="2-2" v-if="role==0"><el-link
                            :href="'athletesAdd.html?role='+role">添加运动员</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="3">
                    <template slot="title">裁判管理</template>
                    <el-menu-item index="3-1"><el-link
                            :href="'judgeList.html?role='+role">裁判列表</el-link></el-menu-item>
                    <el-menu-item index="3-2" v-if="role==0"><el-link
                            :href="'judgeAdd.html?role='+role">增加裁判</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="4">
                    <template slot="title">比赛项目管理</template>
                    <el-menu-item index="4-1"><el-link
                            :href="'itemList.html?role='+role">比赛项目列表</el-link></el-menu-item>
                    <el-menu-item index="4-2" v-if="role==0"><el-link
                            :href="'itemAdd.html?role='+role">增加比赛项目</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="5">
                    <template slot="title">场地管理</template>
                    <el-menu-item index="5-1"><el-link
                            :href="'GroundList.html?role='+role">场地列表</el-link></el-menu-item>
                    <el-menu-item index="5-2" v-if="role==0"><el-link
                            :href="'GroundAdd.html?role='+role">增加场地</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="6">
                    <template slot="title">留言管理</template>
                    <el-menu-item index="6-1"><el-link
                            :href="'commentList.html?role='+role">留言查询</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="7">
                    <template slot="title">报名管理</template>
                    <el-menu-item index="7-1"><el-link
                            :href="'registerList.html?role='+role">报名查询</el-link></el-menu-item>
                    <el-menu-item index="7-2" v-if="role==2"><el-link
                            :href="'registerAdd.html?role='+role">报名</el-link></el-menu-item>
                    <el-menu-item index="7-3" v-if="role==0 || role ==1"><el-link
                            :href="'registerListAll.html?role='+role">报名审批</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="8">
                    <template slot="title">成绩管理</template>
                    <el-menu-item index="8-1"><el-link @click="dialogAthletes=true">查询成绩</el-link></el-menu-item>
                    <el-menu-item index="8-2" v-if="role==0 || role ==1"><el-link @click="dialogItems=true">录入成绩</el-link></el-menu-item>
                    <el-menu-item index="8-3" v-if="role==2"><el-link @click="dialogItems=true">根据项目查询成绩</el-link></el-menu-item>
                </el-submenu>
                <el-submenu index="9">
                    <template slot="title">个人中心</template>
                    <el-menu-item index="9-1" @click="logout">退出</el-menu-item>
                    <el-menu-item index="9-2" @click="userEdit(id)">编辑</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-col>
    </el-row>
    <el-container>
        <el-aside width="400px"></el-aside>
        <span style="font-size: 40px; font-family: 'Pacifico', cursive;">欢迎{{ username }}</span>
        <el-aside width="400px"></el-aside>
    </el-container>
    <div style="text-align: center; margin-top: 20px;">
        <p style="font-size: 30px; font-family: 'Pacifico', cursive;">高校运动会管理系统</p>
        <p style="font-size: 30px; font-family: 'Pacifico', cursive;">高校运动会管理系统是一个用于管理和组织高校运动会的平台。</p>
        <p style="font-size: 30px; font-family: 'Pacifico', cursive;">通过该系统，您可以轻松地管理运动员、裁判、比赛项目、场地等信息，实现运动会的高效举办。</p>
        <p style="font-size: 30px; font-family: 'Pacifico', cursive;">无论您是运动会的组织者还是参与者，这个系统都将为您提供便利和支持。</p>
    </div>


    <el-dialog title="提示" :visible.sync="dialogAthletes" width="30%">
        <el-form ref="form" :model="scaaa" label-width="80px">
            <el-form-item label="运动员名">
                <el-input v-model="scaaa.athletesName" placeholder="请输入运动员名"></el-input>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="showByAthletesName">查询</el-button>
                <el-button @click="dialogAthletes=false">取消</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>

    <el-dialog title="提示" :visible.sync="dialogItems" width="30%">
        <el-form ref="form" :model="scaaa" label-width="80px">
            <el-form-item label="项目名">
                <el-input v-model="scaaa.itemName" placeholder="请输入项目名"></el-input>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="showByItemName">查询</el-button>
                <el-button @click="dialogItems=false">取消</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
</div>
</body>
<script>
    new Vue({
        el: '#app',
        data: {
            id:-1,
            scaaa: { // 为了在顶部的成绩管理弹出对话框
                athletesName: "",
                itemName: ""
            },
            dialogAthletes: false,
            dialogItems: false,
            username: "",
            role: ""
        },
        created() {
            axios.get("http://localhost:8080/user/getUser").then(res => {
                this.username = res.data.username;
                this.role = res.data.role;
                if(res.data.role === 0){
                    this.id=res.data.user.adminId
                } else if(res.data.role === 1){
                    this.id=res.data.user.judgeId
                } else if(res.data.role === 2){
                    this.id=res.data.user.athletesId
                }
            })
        },
        methods: {
            showByAthletesName() {
                location.href = "sc111.html?athletesName=" + this.scaaa.athletesName + "&role=" + this.role
            },
            showByItemName() {
                location.href = "sc222.html?itemName=" + this.scaaa.itemName + "&role=" + this.role
            },
            userEdit(id) {
                location.href = "athletesUpdate.html?id=" + id + "&role=" + this.role;
            },
            logout(){
                axios.get('http://localhost:8080/user/logout')
                    .then(resp=>{
                        if(resp.data.message=='success'){
                            alert(resp.data.message)
                            location.href='login.html';
                        }else{
                            alert(resp.data.message)
                        }
                    }).catch(error=>console.log(error))
            }
        }
    })
</script>

</html>